<template>
  <view class="car-history card-ticket">
		<view class="f-side">
			<view class="flex flex1">
				<view class="car-history-icon f-center"><image src="../../static/list-2019-11-6.png" mode=""></image></view>
				<view class=" car-history-info flex1   zcRelative">
					<view>{{item.ShopOrganName}}</view>
					<view class="zcOverflow3 " style="position: absolute;left: 0;right: 10upx;">{{item.ItemShow}}</view>
				</view>
			</view>
			<view class="car-history-date">{{item.EntryDate}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:Object
		},
		methods:{
			
		}
	}
</script>

<style>
	.card-ticket{
		padding: 10upx 20upx 20upx 20upx;
		margin: 0 35upx 25upx 35upx;
		background-color: #fff;
		box-shadow: 1upx 1upx 5upx 4upx #EAEDF1;;
	}
	.car-history{
	border-radius: 15upx;
	padding-top: 20upx;
	}
	.car-history>view{
		padding:10upx ;
	}
	.car-history-icon{
		flex:0 0 90upx;
		height: 90upx;
		border-radius: 50%;
		background-color: #EEF7FF;
		margin-right: 20upx;
	}
	.car-history-icon>view{
		color: #67B8FD;
		font-size: 44upx;
	}
	.car-history-info>view:nth-of-type(2){
		color: #9B9B9B;
		height: 30upx;
		line-height: 30upx;
	}
	.car-history-date{
			color: #9B9B9B;
			font-size: 24upx;
			flex:0 0 150upx
	}
	image{
		width:35upx ;
		height: 45upx;
	}
</style>
